<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Jquery</title>
</head>

<body>
    <div id="box">
        <h4 id="title"> 论语 </h4>
        <div id="divDemo">子在川上曰：
            <p class="pDemo">“逝者如斯夫！</p>
            <p class="pDemo">不舍昼夜。”</p>
            <p class="pDemo1">“逝者如斯夫！</p>
            <p class="pDemo2">不舍昼夜。”</p>
        </div>
    </div>
    <script src="./lib/jquery.min.js"></script>
    <script>
        // 1, 通过基本选择器获取并打印这首诗的标题
        // 2, 将class为pDemo1的p元素的背景颜色设置为黄色
        // 3, 将class为pDemo2的p元素的字体颜色设置为红色
        // 4, 将class为pDemo的第一个p元素的字体大小设置为25px
        // 5, 将所有文字的字体设置为”微软雅黑”

        $(() => {
            console.log($('#box').text());
            $('.pDemo1').css('backgroundColor', 'yellow');
            $('.pDemo2').css('color','red');
            $('.pDemo').eq(1).css('fontSize','25px');
            $('#box').css('fontFamily','微软雅黑');
        })
    </script>
</body>

</html>